<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
     <script src="../js/vue.min.js"></script>
	</head>
	<body>
<!--除了数据属性，Vue 实例还提供了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。例如：
vm.$el获取Vue实例关联的DOM元素【挂载点的对象】
-->
		<div id="vue_det">
		    <h1>{{site}}</h1>
		    <h1>{{url}}</h1>
		    <h1>{{alexa}}</h1>
		</div>
		<script type="text/javascript">
		// 我们的数据对象
		var data88 = { site: "6666", url: "www.runoob.com", alexa: 10000}
		
		var vm = new Vue({
		    el: '#vue_det',
		    data: data88
		})
		 //vm.$data:读取实例属性:就是data属性
		document.write(vm.$data === data88) // true
		document.write("<br>") ;
		document.write(vm.$el) ;//  等价于document.getElementById('vue_det')
		</script>
	</body>
</html>
